<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<title>Card</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/mycommon.css" />
		<link rel="stylesheet" type="text/css" href="css/Card.css" />
	</head>

	<body>
		<div id="app" v-cloak>
		<header class="mui-bar mui-bar-nav">
			<a href="javascript:history.go(-1)" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">{{Language["1069"]}}</h1>
		</header>
		<div class="mui-content">
			<div id="card">
				<header>
					<div>
						<img :src="'https://foodievc.oss-ap-southeast-1.aliyuncs.com/'+content.result.info.shop_logo" />
					</div>
					<div>
						<h3>VIP</h3>
						<h5>{{content.result.info.name}}</h5>
					</div>
				</header>
				<footer>
					<p>{{content.result.info.sn}}</p>
					<span>2017 / 12 / 02</span>
				</footer>
				<div id="code">
					<img src="../img/code.png" />
				</div>
			</div>
			<div></div>
			<div></div>
			<section>
				<span id="card_select" class="mui-icon mui-icon-arrowdown"></span>
				<div id="cod"></div>
				<p>{{content.result.info.sn}}</p>
			</section>
		</div>
		<div id="minute">
			<ul>
				<li>
					<h4>{{content.result.info.point}}</h4>
					<span>{{Language["1095"]}}</span>
				</li>
				<li>
					<h4>{{content.result.info.discount}}</h4>
					<span>{{Language["1096"]}}</span>
				</li>
			</ul>
		</div>
		<div id="introduce">
			<p>{{content.result.info.privilege}}</p>
			<div class="content">
				<h4>Member benefits</h4>
				<h5>{{content.result.info.notice}}</h5>
			</div>
		</div>
		<h4>{{Language["1141"]}}</h4>
		<footer id="location">
			<ul>
				<li v-for="list in content.result.shop_list">
					<img :src="'https://foodievc.oss-ap-southeast-1.aliyuncs.com/'+list.shop_logo" />
					<div>
						<h4>{{list.shop_name}}</h4>
						<span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span><span class="mui-icon mui-icon-star"></span>
						<p>{{list.shop_address}}</p>
						<div class="mui-icon mui-icon-location">12km</div>
					</div>
				</li>
			</ul>
		</footer>
		<script type="text/javascript" src="../js/jquery.js"></script>
		<script type="text/javascript" src="../js/vue.min.js"></script>
		<script type="text/javascript" src="../js/main.js"></script>
		<script type="text/javascript" src="../js/ajax.js"></script>
		<script type="text/javascript" src="../js/jquery.qrcode.min.js" ></script>
		<script type="text/javascript" src="js/Card.js"></script>
		</div>
	</body>
</html>